.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.main{
    .img{
        .px2rem(margin-top, 150);
        .px2rem(margin-left, 150);
        .px2rem(width, 400);
        .px2rem(height, 300);
    }
    .ke{
        position: fixed;
        left:10%;
        .px2rem(top, 600);
        .px2rem(width, 150);
        .px2rem(height, 150);
    }
    .wei{
        position: fixed;
        left:40%;
        .px2rem(top, 600);
        .px2rem(width, 150);
        .px2rem(height, 150);
    }
    .dian{
        position: fixed;
        left:70%;
        .px2rem(top, 600);
        .px2rem(width, 150);
        .px2rem(height, 150);
    }
}
.footer{
    width:100%;
    .px2rem(height, 112);
    background: #ffffff;
    position: fixed;
    left:0;
    bottom: 0;
    z-index: 99;
    display: flex;
    .time{
        width:20%;
        text-align: center;
        .iconfont{
            .px2rem(font-size, 60); 
            color: #a49191;
            .px2rem(margin-top, 10);
        }
        dd{
            color: #9e9191;
            .px2rem(margin-top, 6);
        }
    }
    .dl{
        .px2rem(width, 94);
        .px2rem(height, 94);
        background: #2d8ff4;
        border-radius: 50%;
        .px2rem(margin-top, 10);
        .dt{
            .px2rem(padding-top, 10);
            color: #ffffff;
        }
    }
}